<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../fonts/iconfont.css" rel="stylesheet" />
		<link href="../../css/navigation_index.css" rel="stylesheet" />
		<script type="text/javascript" src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/jquery-2.1.0.js"></script>

	</head>

	<body>

		<div class="mui-content part4">

		    <div id="header">
		       
		       <div class="search_tips">
		       		<div class="search_tips_a">
		   		       	<span class="iconfont icon-sousuo serach_icon"></span>
						<c>Search by name</c>    			
		       		</div>

		       </div> 

		       <input type="text"  class="mui-input-clear phone_input">	
		         	
		    </div>	


		    <div class="nav_mui-row  part9">
		         <ul class="mui-table-view"> 
			        <li class="mui-table-view-cell mui-collapse" >
			            <div class="part9-div-span">
			         	    <i class="iconfont icon-xinxi"></i>
			         	    <a class="" href="#">Home</a>
			         	    <span class="navy">84</span>

			            </div>
			           
			            
			        </li>

			        <li id="a" class="mui-table-view-cell mui-collapse">
			            <div>
			         	    <i class="iconfont "></i>
			         	    <a class="" href="#">ACTIONS</a>
			            </div>
			           
			            <div class="mui-collapse-content">
			                <p><i class="iconfont icon-xinxi"></i>Acitivity</p>
			                <p><i class="iconfont icon-xinxi"></i>Messages
			                <span class="navy blue">3</span></p>
			                <p><i class="iconfont icon-xinxi"></i>Bookmarks</p>
			                <p><i class="iconfont icon-xinxi"></i>Shopping list</p>
			                <p><i class="iconfont icon-xinxi"></i>Settings</p>
			            </div>
			        </li>

			        <li class="mui-table-view-cell mui-collapse">
			            <div>
			         	    <i class="iconfont "></i>
			         	    <a class="" href="#">GATEGORIES</a>
			            </div>

			            <div class="mui-collapse-content">
			                <p><i class="iconfont xinxi"></i>Food</p>
			                <p><i class="iconfont xinxi"></i>Transport</p>
			            </div>
			           
			            
			        </li>

			      

			    </ul>
		       
		    </div>
           
			

		</div>





	</body>

</html>
